

import React from "react";
import { FiChevronDown, FiChevronUp } from "react-icons/fi";

export const AccountToggle = () => {
  return (
   <div className=" pb-4 border-stone-300">
     <button className="flex p-0.5 hover:bg-stone-200 rounded transition-colors relative gap-2 w-full items-center">
      <img
        src="https://api.dicebear.com/9.x/initials/svg?seed=CY&backgroundColor=1CB17B"
        alt="avatar"
        className="size-8 rounded shrink-0 shadow "
      />
      <div className="text-start">
        <span className="text-sm font-bold block">崔钺</span>
        <span className="text-xs block text-stone-500">aaa@bbb.ccc</span>
      </div>

      <FiChevronDown className="absolute right-2 top-1/2 translate-y-[calc(-50%+4px)] text-xs" />
      <FiChevronUp className="absolute right-2 top-1/2 translate-y-[calc(-50%-4px)] text-xs" />
     </button>
   </div>
  )
}; 